<template>
    <el-form :inline="true" v-model="attrDataInfo.formData" ref="editorFormRef" size="small" label-width="44px">
        <attr-area></attr-area>
        <el-form-item label="文件" prop="bgfile">
            <el-input v-model="attrDataInfo.formData.bgfile" autocomplete="off" disabled clearable style="width:200px"></el-input>
        </el-form-item>
        <el-row>
            <el-col :span="24">
            <el-form-item label=" " label-width="44px">
                <bs-load-button-icon @click.native="doLoadChioceImage"></bs-load-button-icon>
            </el-form-item>
            </el-col>
        </el-row>
    </el-form>
</template>

<script>
import AttrArea from './AttrArea'
export default {
    data() {
        return {
            
        }
    },
    inject: ['attrDataInfo'],
    components: {
        AttrArea
    },
    methods: {
        doLoadChioceImage() {
            this.$eventBus.$emit('showBgChioceDialog', this.attrDataInfo.formData.width, this.attrDataInfo.formData.height)
        }
    }
}
</script>